@import "./uni.scss";


.float-right{
	float: right;
}
.float-left{
	float: left;
}
//一行显示否则省略号
.line-clamp1 {


  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
//两行显示多则显示省略号
.line-clamp2 {

  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.bottom-border-solid {
  /* 直线 340 */
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.top-border-solid {
  /* 直线 340 */
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.bottom-border-dashed {
  /* 直线 1 */
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
.circle-before {
  &::before {
    content: '';
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 0px;
    /* 圆形 3 */
    width: 6px;
    vertical-align: middle;
    height: 6px;
    background: $uni-color-primary;
    border-radius: 50%;
    display: inline-block;
  }
}

.line-before {
  &::before {
    content: '';
    vertical-align: -2px;
    margin-right: 5px;
    margin-left: 0px;
    /* 线3 */
    width: 3px;
    height: 18px;
    background: $uni-color-primary;
    display: inline-block;
    /* 矩形 2216 */
  }
}
.flex-center {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-1 {
  flex: 1;
}


.flex {
  display: flex;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}

.flex-j-center {
  justify-content: center;
}
.flex-j-between {
  justify-content: space-between;
}
.flex-j-evenly {
  justify-content: space-evenly;
}
.flex-a-center {
  align-items: center;
}
.base-text {
	font-size: $uni-font-size-base;
}

.font-bold{
	font-weight: 800;
}

.base-text-info {
	font-size: $uni-font-size-base;
	color: $uni-text-color-grey;
}

.sm-text {
	font-size: $uni-font-size-sm;
}

.sm-text-info {
	font-size: $uni-font-size-sm;
	color: $uni-text-color-grey;
}
.text-color-grey{
	color: $uni-text-color-grey !important;
}
.color-todo {
	color: #fca55e;
	background: #f6eee1;
}
.color-done {
	background: $uni-bg-color-grey;
	color: $uni-color-primary;
}

.text-color-link{
	color: #3e70d8;
}
.color-reject {
	background: $uni-bg-color-grey;
	color: $uni-color-error;
}

.no-data {
	font-size: $uni-font-size-base;
	padding: 10px;
	text-align: center;
	flex: 1;
	color: $uni-text-color-grey;
}
.text-center {
	text-align: center;
}
.block{
	display: block;
	width: 75%;
}



.border-radius {
	
	border-radius: 10px;
}

.shadow{
	box-shadow: rgb(0 0 0 / 8%) 0px 0px 3px 1px;
}

.delete {
	color: $uni-text-color-grey;
}

.download {
	font-size: $uni-font-size-sm;
	color: #3e70d8;
}

.bg-pri{
	background-color: $uni-color-primary;

}

.bg-white{
	background-color: white;

}
.bg-red{
	background-color: red;

}
.bg-grey{
	background-color: $uni-bg-color-grey;

}
.uni-list {
	::v-deep .uni-list-item__container {
		padding: 8px 15px !important;

		.uni-list-item__content-title {
			font-size: $uni-font-size-sm;
		}
	}
}


.bold-title-uni-list {
	::v-deep {
	  .uni-list-item__container {
		font-weight: 800;
	  }
	}
  }
  
.uni-icon {
	line-height: 1.5;
}

.boder-box{
	box-sizing: border-box;
}

// 列表
.list-item {
	box-shadow: $uni-shadow-base;
	margin-bottom: 5px;
	border-radius: 16px;

	.item {
		font-size: $uni-font-size-sm;
		line-height: 2;
		padding: 6px;
		.item-title {
			font-size: $uni-font-size-base;
			font-weight: $uni-font-bold;
			padding: 5px 10px;
			line-height: 20px;
			background: rgb(250, 250, 250);
			&::before {
				content: "";
				width: 3px;
				background: $uni-color-primary;
				display: inline-block;
				height: 20px;
				vertical-align: bottom;
			}

			.action {
				color: $uni-color-primary;
				min-width: 100px;
				text-align: right;
			}
		}

		.detail {
			padding: 5px 10px;
		}
	}
}
// 详情里面的card
.card {
	margin: 6px !important;
	padding: 0 !important;
	border-radius: 15px;

	::v-deep {
		.uni-card__content {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.card-item {
				font-size: $uni-font-size-sm;
				flex-basis: 48%;
			}
		}

		.uni-card__header-content-title {
			font-weight: $uni-font-bold;
			font-size: $uni-font-size-base;
		}
	}
}

// 详情里面的明细列表
.spec-item {
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	// .card-item-text{
  
	// }
	.number {
	  flex-basis: 100%;
	  font-weight: 600;
	  line-height: 15px;
	  margin-bottom: 6px;
	  &::before {
		content: "";
		width: 3px;
		background: $uni-color-primary;
		display: inline-block;
		height: 15px;
		vertical-align: bottom;
	  }
	}
  
	padding: 5px 0;
  
	&:not(:last-child) {
	  border-bottom: rgb(235, 238, 245) 1px solid;
	}
  }
  
.chooseFile {
	border-radius: $uni-border-radius-base;
	line-height: 25px;
	height: 25px;
	background-color: $uni-color-primary;
	padding-left: 10px;
	color: white;
	display: block;
	font-size: $uni-font-size-base;
}



/* 下面是组件全局样式 */

.uni-section {
	.uni-section-header {
		.uni-section-header__decoration {
			background-color: $uni-color-primary;
		}
		.uni-section-header__content {
			.uni-section__content-title {
				font-size: $uni-font-size-base;
				font-weight: $uni-font-bold;
			}
		}
	}
}
// 表格
.uni-table-th,
.uni-table-td {
	font-size: $uni-font-size-base !important;
	padding: 6px 10px !important;
}
.uni-table-head {
	background-color: $uni-border-color;
	::v-deep {
		.uni-table-th {
			color: white !important;
		}
	}
}
